<template>
    <div>
        <template v-if="sceneTyle.channel==1">
            <span class="channel_btn channel_btn_c1" v-if="sceneTyle.business_scene==1">千川-短视频原创</span>
            <span class="channel_btn channel_btn_c2" v-else-if="sceneTyle.business_scene==2">千川-短视频混剪</span>
            <span class="channel_btn channel_btn_c3" v-else-if="sceneTyle.business_scene==3">千川-直播素材</span>
            <span class="channel_btn channel_btn_c4" v-else-if="sceneTyle.business_scene==4">千川-直播直投</span>
            <span class="channel_btn channel_btn_c1" v-else-if="sceneTyle.business_scene==5">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.59998 7.96408L4.44362 7.10788L7.57283 8.4636L5.08394 9.24879L1.59998 7.96408ZM5.15473 5.68115L7.99837 4.82576L11.1276 6.18148L8.63869 6.96666L5.15473 5.68115ZM8.42552 3.25619L11.2692 2.39999L14.3984 3.75571L11.9095 4.5409L8.42632 3.25619H8.42552ZM5.01234 13.6L7.57202 12.7446V8.46279L5.08394 9.24798L5.01154 13.5992L5.01234 13.6ZM8.5679 12.3153L11.1284 11.4591V6.18148L8.6403 6.96666L8.5679 12.3153ZM11.8395 11.175L14.4 10.3188V3.75571L11.9111 4.5409L11.8387 11.1742L11.8395 11.175Z" fill="#4475FF" />
                </svg>
                千川-短视频
            </span>
            <span class="channel_btn channel_btn_c3" v-else-if="sceneTyle.business_scene==6">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.59998 7.96408L4.44362 7.10788L7.57283 8.4636L5.08394 9.24879L1.59998 7.96408ZM5.15473 5.68115L7.99837 4.82576L11.1276 6.18148L8.63869 6.96666L5.15473 5.68115ZM8.42552 3.25619L11.2692 2.39999L14.3984 3.75571L11.9095 4.5409L8.42632 3.25619H8.42552ZM5.01234 13.6L7.57202 12.7446V8.46279L5.08394 9.24798L5.01154 13.5992L5.01234 13.6ZM8.5679 12.3153L11.1284 11.4591V6.18148L8.6403 6.96666L8.5679 12.3153ZM11.8395 11.175L14.4 10.3188V3.75571L11.9111 4.5409L11.8387 11.1742L11.8395 11.175Z" fill="#07BC5A" />
                </svg>
                千川-直播
            </span>
        </template>
        <template v-else-if="sceneTyle.channel==2">
            <span v-if="sceneTyle.business_scene==1" class="channel_btn channel_btn_c1 channel_btn_b1">UD-短视频原创</span>
            <span v-else-if="sceneTyle.business_scene==2" class="channel_btn channel_btn_c2 channel_btn_b2">UD-短视频混剪</span>
            <span v-else-if="sceneTyle.business_scene==3" class="channel_btn channel_btn_c3 channel_btn_b3">UD-直播素材</span>
            <span v-else-if="sceneTyle.business_scene==4" class="channel_btn channel_btn_c4 channel_btn_b4">UD-直播直投</span>
            <span v-else-if="sceneTyle.business_scene==5" class="channel_btn channel_btn_c1 channel_btn_b1">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <circle cx="11.5647" cy="7.7029" r="1.68735" fill="#4475FF" />
                    <ellipse cx="10.2237" cy="4.62694" rx="1.47643" ry="1.47643" fill="#4475FF" />
                    <ellipse cx="10.2237" cy="10.8023" rx="1.47643" ry="1.47643" fill="#4475FF" />
                    <circle cx="8.08426" cy="2.9373" r="1.11325" fill="#4475FF" />
                    <ellipse cx="6.3852" cy="4.78508" rx="0.76105" ry="0.76105" fill="#4475FF" />
                    <ellipse cx="7.84479" cy="10.7607" rx="0.76105" ry="0.76105" fill="#4475FF" />
                    <ellipse opacity="0.5" cx="3.90107" cy="2.45014" rx="0.701059" ry="0.701059" fill="#4475FF" />
                    <ellipse opacity="0.5" cx="6.42933" cy="13.3962" rx="0.701059" ry="0.701059" fill="#4475FF" />
                    <circle cx="5.78665" cy="2.6546" r="1.05459" fill="#4475FF" />
                    <ellipse cx="8.21487" cy="12.6658" rx="1.05459" ry="1.05459" fill="#4475FF" />
                    <ellipse opacity="0.5" cx="4.34584" cy="4.1227" rx="0.899981" ry="0.89998" fill="#4475FF" />
                    <circle opacity="0.5" cx="6.18373" cy="11.7023" r="0.899981" fill="#4475FF" />
                </svg>
                UD-短视频
            </span>
            <span v-else-if="sceneTyle.business_scene==6" class="channel_btn channel_btn_c3 channel_btn_b3">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <circle cx="11.5647" cy="7.7029" r="1.68735" fill="#07BC5A" />
                    <ellipse cx="10.2237" cy="4.62694" rx="1.47643" ry="1.47643" fill="#07BC5A" />
                    <ellipse cx="10.2237" cy="10.8023" rx="1.47643" ry="1.47643" fill="#07BC5A" />
                    <circle cx="8.08426" cy="2.9373" r="1.11325" fill="#07BC5A" />
                    <ellipse cx="6.3852" cy="4.78508" rx="0.76105" ry="0.76105" fill="#07BC5A" />
                    <ellipse cx="7.84479" cy="10.7607" rx="0.76105" ry="0.76105" fill="#07BC5A" />
                    <ellipse opacity="0.5" cx="3.90107" cy="2.45014" rx="0.701059" ry="0.701059" fill="#07BC5A" />
                    <ellipse opacity="0.5" cx="6.42933" cy="13.3962" rx="0.701059" ry="0.701059" fill="#07BC5A" />
                    <circle cx="5.78665" cy="2.6546" r="1.05459" fill="#07BC5A" />
                    <ellipse cx="8.21487" cy="12.6658" rx="1.05459" ry="1.05459" fill="#07BC5A" />
                    <ellipse opacity="0.5" cx="4.34584" cy="4.1227" rx="0.899981" ry="0.89998" fill="#07BC5A" />
                    <circle opacity="0.5" cx="6.18373" cy="11.7023" r="0.899981" fill="#07BC5A" />
                </svg>
                UD-直播
            </span>
        </template>
        <template v-else-if="sceneTyle.channel==3">
            <span v-if="sceneTyle.business_scene==5" class="channel_btn channel_btn_c1 channel_btn_b1_d">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M7.1761 2.91875L7.96083 5.58686H1.70251L2.50687 2.91875H7.1761Z" fill="#4475FF" />
                    <path d="M3.13459 6.07735L5.82235 6.72476L2.70299 12.1395L0.799988 10.1188L3.13459 6.07735Z" fill="#4475FF" />
                    <path d="M3.84088 11.1584L5.74387 9.1377L8.88284 14.5524L6.17548 15.1998L3.84088 11.1584Z" fill="#4475FF" />
                    <path d="M13.2578 13.0616H8.5886L7.80383 10.4131H14.0622" fill="#4475FF" />
                    <path d="M14.9646 5.86166L12.63 9.92269L9.94226 9.27528L13.0616 3.86055" fill="#4475FF" />
                    <path d="M11.9237 4.84143L10.0207 6.86214L6.88171 1.42779L9.58908 0.800003L11.9237 4.84143Z" fill="#4475FF" />
                </svg>
                巨量-短视频
            </span>
            <span v-if="sceneTyle.business_scene==6" class="channel_btn channel_btn_c3 channel_btn_b3_d">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M7.1761 2.91875L7.96083 5.58686H1.70251L2.50687 2.91875H7.1761Z" fill="#07BC5A" />
                    <path d="M3.13459 6.07735L5.82235 6.72476L2.70299 12.1395L0.799988 10.1188L3.13459 6.07735Z" fill="#07BC5A" />
                    <path d="M3.84088 11.1584L5.74387 9.1377L8.88284 14.5524L6.17548 15.1998L3.84088 11.1584Z" fill="#07BC5A" />
                    <path d="M13.2578 13.0616H8.5886L7.80383 10.4131H14.0622" fill="#07BC5A" />
                    <path d="M14.9646 5.86166L12.63 9.92269L9.94226 9.27528L13.0616 3.86055" fill="#07BC5A" />
                    <path d="M11.9237 4.84143L10.0207 6.86214L6.88171 1.42779L9.58908 0.800003L11.9237 4.84143Z" fill="#07BC5A" />
                </svg>
                巨量-直播
            </span>
        </template>
        <template v-else-if="sceneTyle.channel==4">
            <span v-if="sceneTyle.business_scene==5" class="channel_btn channel_btn_c1 channel_btn_b1_d">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M13.0413 2.67274C10.4349 2.67266 8.11249 6.58469 8.11249 8.49766C8.11249 8.80259 9.88178 13.3506 11.1134 12.8723C14.5075 11.5544 15.6476 2.67283 13.0413 2.67274Z" stroke="#4475FF" stroke-width="2" />
                    <path d="M2.97833 2.67274C5.20424 2.46594 7.9071 6.58469 7.9071 8.49766C7.9071 8.55806 6.13782 13.3506 4.90619 12.8723C1.51206 11.5544 0.752426 2.87955 2.97833 2.67274Z" stroke="#4475FF" stroke-width="2" />
                </svg>
                腾讯-短视频
            </span>
        </template>
        <template v-else-if="sceneTyle.channel==5">
            <span v-if="sceneTyle.business_scene==5" class="channel_btn channel_btn_c1 channel_btn_b1_d">
                <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M8.89917 7.97502C6.44558 7.85665 4.74008 8.73144 3.78266 10.5994C2.34654 13.4013 3.53344 17.9861 8.3245 17.9861C13.1156 17.9861 13.2542 13.3565 13.2542 12.8715C13.2542 12.5481 13.2542 10.7402 13.2542 7.44781C14.2789 8.09685 15.1429 8.48756 15.8462 8.61994C16.5494 8.75227 16.9965 8.81094 17.1874 8.7959V6.09769C16.5369 6.01927 15.9744 5.86977 15.4999 5.64927C14.788 5.31852 13.3765 4.40052 13.3765 3.0551C13.3775 3.06167 13.3775 2.71462 13.3765 2.01392H10.4107C10.4019 8.60394 10.4019 12.2231 10.4107 12.8715C10.424 13.844 9.6695 15.2044 8.13979 15.2044C6.61008 15.2044 5.85563 13.8451 5.85563 12.9684C5.85563 12.4316 6.04 11.6536 6.80213 11.0775C7.25408 10.7358 7.88138 10.5994 8.89917 10.5994C8.89917 10.2846 8.89917 9.40977 8.89917 7.97502Z" fill="#165DFF" />
                </svg>
                TK-短视频
            </span>
        </template>
        <template v-else-if="sceneTyle.channel==6">
            <span v-if="sceneTyle.business_scene==5" class="channel_btn channel_btn_c1 channel_btn_b1_d">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                    <g clip-path="url(#clip0_12265_46837)">
                        <path d="M8.24742 2.9065L13.0935 7.75259H15.2L8.24742 0.800049V2.9065Z" fill="#165DFF" />
                        <path d="M7.75259 2.90659L2.90658 7.75259H0.800122L7.75259 0.800141V2.90659Z" fill="#165DFF" />
                        <path d="M2.90651 8.24742H0.800049L7.75259 15.1999V13.0935L2.90651 8.24742Z" fill="#165DFF" />
                        <path d="M15.2001 8.24742H13.0936L8.24742 13.0936V15.2L15.2001 8.24742Z" fill="#165DFF" />
                        <path d="M7.75259 3.77888V5.04275L5.04293 7.7524H3.77905L7.75259 3.77888Z" fill="#165DFF" />
                        <path d="M5.04318 8.24723L7.75259 10.9566V12.2205L3.7793 8.24723H5.04318Z" fill="#165DFF" />
                        <path d="M8.24742 10.9569V12.2208L12.221 8.24723H10.9571L8.24742 10.9569Z" fill="#165DFF" />
                        <path d="M8.24742 3.77856V5.04244L10.9574 7.7524H12.2213L8.24742 3.77856Z" fill="#165DFF" />
                    </g>
                </svg>
                京易投-短视频
            </span>
        </template>
    </div>
</template>

<script>
export default {
    props: ["sceneTyle"],
    name: "",
    data() {
        return {};
    },

    created() {},

    methods: {},
};
</script>
<style scoped>
</style>

